body {
	line-height: 1.2em;
	font-size: 12pt;
	// font-size: 1.2em;
	font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	background: #DFDDE8;
}
pre {
	// font-size: .9em;
	font-size: 9pt;

}
h2 a,
h3 a {
	font-weight: bold;
	color: #c79900;
}
h2 a:hover, h3 a:hover {
	background: #d7c896;
}

h2 {
	// font-size: 1.4em;
	font-size: 16pt;
}
h3 {
	// font-size: 1.1em;
	font-size: 14pt;
}
h4 {
	font-size: 12pt;
}
h2, h3 {
	margin-bottom: 1em;
}

h1, h2, h3, h4, h5 {
	font-weight: bold;
	color: #000000;
	text-align: left;
}
strong {
	font-weight: bold;
}

table {
border-spacing: 0px;
border-style: outset;
background-color: white;
}
td { vertical-align: top; }

table.two-col-list {
	width: 90%;
}

table.two-col-list td.left-column,
table.two-col-list td.right-column {
	width: 50%;
}

.alignLeft { float:left; margin-right: 1em; }
.alignRight { float:right; margin-left: 1em; }

#container {
	width: 59.375em;
	margin: auto auto 2.5em;
	position: relative;
	text-align: left;
}
	#header #navigation {
		float: left;
	}
	#header #navigation ul li {
		float: left;
		margin-left: 1.5em;
	}
	#header #navigation ul li a {
		float: left;
		// font-size: 1.1em;
		font-size: 10pt;
		font-weight: bold;
	}	
#content {
	clear: both;
	margin-top: 1em;
	position: relative;
	width: 59.375em;
	text-align: left;
}
	
	#content #contentLeft {
		float: left;
		width: 27.4em;
		margin-left: 2.5em;
	}
		#content p,
		#content #contentLeft p,
		#content #contentRight p,
		#content #contentAll p {
			margin-bottom: 1em;
			// font-size: 0.9em;
			font-size: 9pt;
			line-height: 1.5;
		}
		#content p.radioButtons {
			margin-bottom: 0.24em;
		}
		#content #contentRight p.feature,
		#content #contentAll p.feature {
			font-size: 1.1em;
			color: #532363;
		}
		#content #contentRight h3,
		#content #contentAll h3{
			margin-top: 1.8em;
		}		
	#content #contentRight {
		float: left;
		width: 25em;
		margin-left: 1.5em;
	}
	#content #contentAll {
		margin-left: 3.5em;
		margin-bottom: 2.5em;
		width: 54em;
	}
#footer {
	text-align: center;
	display: block;
	width: 59.375em;
	margin-top: 1em;
	padding-top: 1em;
}
	#footer ul {
		margin: 0 auto;
	}
	#footer ul li {
		display: inline;
		margin-left: 1em;
		color: #666;
	}
	#footer ul li a {
		padding-left: 1em;
	}
	#footer ul li,
	#footer ul li a {
		// font-size: 0.9em;
		font-size: 9pt;
	}
a:link,
a:visited {

}
a:hover {
}
.clear-both {
	clear: both;
}

.ui-datepicker { background: #fff; }

/* Status Colors */
.contentEntry .entry ul li.status,
.contentEntry .entry ul li.source {
	// font-size: 0.95em;
	font-size: 10pt;
}
.contentEntry .entry ul li.status.approved {
	background-color: #00FF00;
}

.contentEntry .entry ul li.status.onDate {
	background-color: #FFFF00;
}

.contentEntry .entry ul li.hashTag {
	background-color: #666; 
	color: #fff;
}

.contentEntry .entry ul li.hashTag a {
	color: #FFF;
}

.contentEntry .entry ul li.source {
	background-color: #999; 
	color: #FFF; 
	padding: 5px;
}

.contentEntry .entry ul li.source strong {
	color: #333; 
}

.toolContainer {
	margin: 15px 15px 10px 0; 
	padding: 5px; 
	background-color: #fff;
	height:8.8em;
	position: relative;
}




/* IE 6 fixes */
	* html #header {
		height: 5em;
	}
	* html .box .corner.top-left {
		top: -1px;
		left: -1.05em;
	}
	* html .box .corner.top-right {
		top: -1px;
		right: -1px;
	}
	* html .box .corner.btm-left,
	* html .box .corner.btm-right {
		display: none !important;
	}		
	* html #header #navigation ul li {
		margin-left: 2.95em;
	}
/* IE 7 fixes */
	:first-child + html form#chart_datepicker input#chart_datepicker_submit {
		padding: 0;
		top: 3.5em;
	}
	:first-child + html form#chart_datepicker {
		margin-bottom: 3em;
	}
	:first-child + html form#chart_datepicker #rdoDates1 input,
	:first-child + html form#chart_datepicker #rdoDates2 input {
		position: relative;
		top: -3px;
		left: 5px;
	}




#fpWrapper {
	width:90%;
	text-align:left;
	margin:auto;
}
#fpHeader {
	background: url(/FIT/s/i/FIT_logo3.png) 0 0 no-repeat;
	border-top:1px solid #DFDDE8;
	height:146px;
	background-color:#660066;
}
#fpNavBar {
	border-top:1px solid #d7a900;
	background-color: #000000;
	color: #d8d9da;
	//padding:9px 0px;
	// font-size: .9em;
	font-size: 10pt;
}
#fpNavBar ul, #fpNavBar li {
	list-style-type:none;
	display:inline;
	margin:10px 10px 0px 0px;
	width:100%;
}
#fpNavBar a:link, #fpNavBar a:visited {
	color: #ffffff;
	text-decoration: none;
	//background-color:  #39275b;
	//padding: 3px 10px 6px 8px;

}
#fpNavBar a:hover {
	//background-color:  #DFDDE8;
	color: #d8d9da;
	text-decoration: underline;
	//padding: 3px 10px 6px 8px;
}

#prediction_summary {
	padding: 0em 1.5em 0em 1.5em;
}

#fpLogin label {
	color:#000000;
	//position:absolute;
	display:block;
	width:120px;
	//line-height:17px;
	height:17px;
	// font-size:.9em;
	font-size:10pt;
	text-align:left;
	//z-index:5;
}
#fpLogin {
	text-align:left;
//	display:block;
//	float:right;
//	width:440px;
//	margin-top:10px;
}
#fpLogin fieldset, #signInButton {
//	display:block;
	width:320px;
	margin-right:20px;
//	float:left;
}
#username, #password {
	text-align:left;
	width:300px;
	height:17px;
//	padding-left:.5em;
//	-webkit-border-radius: 	3px;
//	-khtml-border-radius: 	3px;	
//	-moz-border-radius: 	3px;
//	border-radius: 			3px;
	border:1px solid black;
	background: #f0f0f0;
}
#signInButton {
	margin-top:17px;
	width:50px;
}
#bodyLogin {
	background-color:#ffffff;
}
#fpBridge {
	text-align:left;
	font-size:26px;
	font-weight:bold;
	color:#4e5d7a;
	width:420px;
	padding-left:45px;
	padding-top:40px;
}
#getStartedNow {
	color:#4e5d7a;
	float:right;
	text-align:center;
	margin-right:138px;
	margin-top:70px;
}
#fpHeaderNav {
	color:#EBB700;
	// font-size:1.8em;
	font-size:20pt;
	line-height:1.3em;
//	width:80%;
	float:right;
	text-align:right;
	margin-top:20px;
	margin-right:20px;
}
#fpHeaderNav a {
	color:#ffffff;
	margin:0px 6px;
}

.statusOld {
	width:100%;
	height:11px;
	line-height:11px;
	color: #999999;
}

.inProgress {
	background-color: #ffdddd;
	padding: 5px 10px;
}

.warningMessage {
	color: #f08900;
	// background-color: #c6c9cc;
}
.errorMessage {
	color: red;
}

div.div_error_message {
	padding: 0.5em;
	border: 1px solid #ff0000;
	background-color: #ffdddd;
}

form#contact li p.errorMessage {
	color:#FF0000;
}


#error_page_inner {
	padding:30px;
	text-align:left;
	line-height:20px;
	font-size:14px;
	height:400px;
	width:100%;
}
#error_page_inner .error_title {
	font-size:20px;
	margin-bottom:15px;
	font-weight:bold;
}

#error_page_inner .error {	}
#error_page_inner .error_contact {	
	margin-top:10px;
	width:400px;
}

#error_page_inner .error_notes {
	margin:15px 0px;
	width:300px;
	font-size:12px;
	line-height:15px;
	font-style:italic;
	overflow:auto;
}

#fpWrapper #error_page_inner {	
	margin-left:100px;
	margin-top:30px;
	color:#4E5D7A;
}

#about, #index, #prospero, #legal {
	background:#FFF;
	line-height: 1.5em;
	text-align:justify;
	padding:1em 1em 1em 1em;
}
#about a:link, #about a:visited, 
#index a:link, #index a:visited {
	color: #0046ad;
	text-decoration: none;


}
#about a:hover, 
#index a:hover {
	background-color: #d7a900;
	text-decoration: underline;

}



#index ul {

	list-style-type: circle;
	padding-left: 1em;
}
#index ol {
	padding-left: 0em;
	list-style-type: decimal;
	list-style-position: inside; 

}
#footnote li {
	list-style-type: none;	
	padding-left: 1em;
	text-indent: -1.25em;
}




fieldset {
	padding: 1em;
}

fieldset .button,
fieldset .checkbox,
fieldset .contentbutton,
fieldset .date,
fieldset .file,
fieldset .image,
fieldset .multi,
fieldset .password,
fieldset .radio,
fieldset .recaptcha,
fieldset .reset,
fieldset .select,
fieldset .submit,
fieldset .text,
fieldset .textarea
{
	display: block;
	clear: left;
	border: 0;
	margin: 1px;
	/* when no label */
	margin-left: 12em;
}

/* make the noscript textarea sit below the iframe
*/
fieldset .recaptcha noscript textarea {
    display: block;
}

/* override the iframe's height="" - it seems a bit big
*/
fieldset .recaptcha iframe {
	height: 230px ! important;
}

fieldset .button.label,
fieldset .checkbox.label,
fieldset .contentbutton.label,
fieldset .date.label,
fieldset .file.label,
fieldset .image.label,
fieldset .multi.label,
fieldset .password.label,
fieldset .radio.label,
fieldset .recaptcha.label,
fieldset .reset.label,
fieldset .select.label,
fieldset .submit.label,
fieldset .text.label,
fieldset .textarea.label
{
	margin-left: 1px;
}

fieldset .error.label {
	/* border + margin swap values with above, to ensure rows align */
	border: 1px #fff;
	margin: 0;
}

form .form_error_message {
	padding: 0.5em;
	border: 1px solid #ff0000;
	background-color: #ffdddd;
}

fieldset .error_message {
	display: block;
	color: #ff0000;
}

fieldset .label .error_message {
	/* padding-left eq label width + padding-right */
	padding-left: 12em;
}

fieldset .error input,
fieldset .error textarea,
fieldset .error select {
	background-color: #ffdddd;
}

fieldset .button label,
fieldset .contentbutton label,
fieldset .checkbox label,
fieldset .date label,
fieldset .file label,
fieldset .image label,
fieldset .multi label,
fieldset .password label,
fieldset .radio label,
fieldset .radiogroup label,
fieldset .recaptcha label,
fieldset .select label,
fieldset .text label,
fieldset .textarea label
{
	display: inline;
	float: left;
	width: 11em;
	text-align: right;
	padding-right: 1em;
}

fieldset .radiogroup span label {
	/* undo the above style */
	float: none;
	width: auto;
	text-align: left;
	padding-right: 1em;
}

fieldset .multi .elements {
	display: block;
	float: left;
}

fieldset .multi .elements label {
	display: block;
	width: auto;
	padding-right: 0.25em;
}

fieldset .multi input,
fieldset .multi select {
	display: block;
	float: left;
	margin-right: 0.5em;
}

fieldset.checkboxgroup,
fieldset.radiogroup
{
	margin: 0;
	margin-left: 12em;
	padding: 0;
	border: 0;
}

fieldset.radiogroup.label {
	border: 0;
	margin-left: 0em;
}

fieldset .comment .comment {
	/* when no label */
	display: block;
	margin-left: 0em;
}

fieldset .label .comment {
	display: block;
	margin-left: 12em;
}

/*** Alternative Layouts ***/

fieldset .notes {
	float: right;
	width: 30%;
	border: 1px dotted;
}

fieldset .multi.vertical input,
fieldset.checkboxgroup .vertical input,
fieldset.radiogroup .vertical input
{
	display: block;
	float: left;
	clear: left;
	margin-right: 0.5em;
}

fieldset .multi.vertical select {
	display: block;
	float: left;
	clear: right;
}

fieldset.checkboxgroup .vertical label,
fieldset.radiogroup .vertical label
{
	display: block;
	clear: right;
}

fieldset.radiogroup .vertical .subgroup {
	float: left;
}

fieldset .fullwidth label
{
	display: block;
	float: left;
	width: auto;
	text-align: left;
}

fieldset .fullwidth .error_message {
	padding-left: 0em;
}

fieldset .fullwidth textarea
{
	display: block;
	clear: left;
	width: 30em;
}

fieldset .dojoeditor2 .RichTextEditable { /* Dojo::Editor2 */
	display: inline;
	float: left;
	background-color: #ffc;
	padding-bottom: 0.1em;
}

#chart_histogram
{
	margin: 20px 0px 10px 0px;
	width: 90%;
	height:350px;
}

#graph
{
	position:relative;
	width:*;
	height:240px;
	padding:0;	
	background-color: #EBB700
}


#graph ul
{
	position:absolute;
	top:0;
	left:32px;
	display:block;
	width:600px;
	height:200px;
	border-left:1px solid black;
	border-bottom:1px solid black;	
	margin:0;
}

#graph li
{
	list-style:none;
	position:absolute;	
	width:40px;
	text-align:center;
	border:1px solid black;
	visibility: hidden;
	background: url(/FIT/s/i/bar.png) ;
	background-repeat:repeat-y;
}

.nobreak {
        margin-top: 0;
        margin-bottom: 0;
}
 
.break {
        margin-top: 0.75em;
        margin-bottom: 0.75em;
}
 
.breakup {
        margin-top: 0.75em;
        margin-bottom: 0;
}

.breakdown {
        margin-top: 0;
        margin-bottom:  0.75em;
}


td.solid {
	border-width: thin;
	border-style: solid;
	padding-left: 0.5em;
	padding-right: 0.5em;
	vertical-align: middle;
}

td.outset {
	border-width: thick;
	border-style: outset;
	padding-left: 0.5em;
	padding-right: 0.5em;
	vertical-align: middle;
}

td.dash {
	border-width: thin;
	border-style: dashed;
}

td.large {
	// font-size: 3em;
	font-size: 30pt;
}



td.active {
	font-weight: bold;
	background-color: #CCFFFF;
	border-width: thick;
	border-style: solid;
	vertical-align: middle;
	text-align: center;
	padding-left: 0.25em;
	padding-right: 0.25em;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 9pt;
	line-height: 12pt;
	border-radius: 10pt;
	-moz-border-radius: 10pt;
}

td.inactive {
	font-weight: normal;
	border-width: thin;
	border-style: solid;
	vertical-align: middle;
	text-align: center;
	padding-left: 0.25em;
	padding-right: 0.25em;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 9pt;
	line-height: 12pt;
	border-radius: 10px;
	-moz-border-radius: 10px;
}

td.active_fit {
	font-weight: bold;
	background-color: #CCFFFF;
	border-width: thick;
	border-style: ridge;
	vertical-align: middle;
	text-align: center;
	padding-left: 0.25em;
	padding-right: 0.25em;
	font-size: 9pt;
	line-height: 12pt;
	border-radius: 50pt;
	-moz-border-radius: 50pt;
}

td.inactive_fit {
	font-weight: normal;
	border-width: thin;
	border-style: ridge;
	vertical-align: middle;
	text-align: center;
	padding-left: 0.25em;
	padding-right: 0.25em;
	font-size: 9pt;
	line-height: 12pt;
	border-radius: 50px;
	-moz-border-radius: 50px;
}

span.active {
	vertical-align: middle;
	font-weight: bold;
	line-height: 2px;
}

span.inactive {
	vertical-align: center;
	font-weight: normal;
	line-height: 2px;
}

.middle {
	vertical-align: middle;
	text-align: center;
}

img.active {
	height: 12pt;
	padding: 0;
}
img.inactive {
	padding: 0;
	height: 6pt;
}
img.active_curve {
	height: 18pt;
	vertical-align:bottom;
}

img.inactive_curve {
	height: 12pt;
	vertical-align:bottom;
}